//引入Count的UI组件
import CountUI from '../../components/Count'
// 引入action，使用其方法
import {createIncrementAction,createDecrementAction,createIncrementAsyncAction} from '../../redux/count_action'

//引入connect用于连接UI组件与redux
import {connect} from 'react-redux'

// mapStateToProps函数是一个对象
// 返回对象中key就作为传递给UI组件props的key，value同理————状态
function mapStateToProps(state){
  return {count:state}
}

// mapDispatchToProps函数是一个对象
// 返回对象中key就作为传递给UI组件props的key，value同理————操作状态的方法
function mapDispatchToProps(dispatch){
  return {
    jia:data => dispatch(createIncrementAction(data)),
    jian:data => dispatch(createDecrementAction(data)),
    asyncJia:(data,time) => dispatch(createIncrementAsyncAction(data,time))
  }
}

// 使用connect()()创建并暴露一个Count的容器组件
export default connect(mapStateToProps,mapDispatchToProps)(CountUI)


